<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<navBar :title="Pinia.title"></navBar>
		<!-- #endif -->
		<view class="viewbox auto d-flex f-column p-top30">
			<text class="color_33 size42 bold">基本信息</text>
			<text class="color_33 size30 m-top20">填写基本信息，只需几秒，开启缘分！</text>
		</view>

		<listNote :times="1" ref="refData"></listNote>


		<Tip></Tip>

		<view class="row j-centert p-bot100 m-top80">
			<view class="Btns" @click="Continue">下一步</view>
		</view>

	</view>
</template>

<script setup>
	import Tip from '@/User/components/Tip.vue';
	import { ref, inject } from 'vue';
	import Http from '@/common/request.js';
	const { Toast, toUrl } = inject('Utils');
	const refData = ref(null);

	const Continue = () => {
		for (var item of refData.value.pageData) {
			if (item.bixu == 1 && !item.value) return Toast(`${item.vpName}不能为空！`)
		}
		Http.post({
			url: '/WeddingApi/edit_base_info',
			data: {
				property: JSON.stringify(refData.value.pageData)
			}
		}).then(res => {
			if (res.code != '200') return Toast(res.msg);
			toUrl(`editAvatar`);
		})
	}
</script>

<style lang="scss">
	page {
		background-color: $pageBg;
	}
</style>
<style lang="scss" scoped>
	.Btns {
		width: 600rpx;
		height: 80rpx;
		background-color: $themeColor;
		border-radius: 40rpx;
		color: #ffffff;
		font-size: 34rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>